<div class="navbar-inverse navbar-fixed=top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <a class="navbar-brand" href="{:U('/')}">Mo-cen</a>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <foreach name="Think.config.navi_list" item="it">
          <li id="nav-{$it.name}" <eq name="it.name" value="[current]">class="active"</eq> >
            <a href="{:U($it['link'])}">{$it.content}</a>
          </li>
        </foreach>
      </ul>
      <form class="form-inline navbar-form navbar-right" action="{:U('/find')}" style="padding-left:5px;padding-right:5px;" id="search-form">
        <div class="form-group" style="width:300px;">
          <input class="form-control" type="text" placeholder="Search" name="query">
        </div>
        <div class="form-group">
          <select class="selectpicker" name="type">
            <option value="movie">movie</option>
            <option value="person">person</option>
          </select>
        </div>
        <button type="submit" class="btn btn-default">Go</button>
      </form>
    </div>
  </div>
</div>
